import Vue from 'vue'
import VueRouter from 'vue-router'
import login from "../pages/Login/login.vue"
import Home from "../pages/Home"
import product from "@/pages/Home/product"

import allRoutes from "./allRoutes"
Vue.use(VueRouter)

//解决路由导航到统一路径重复报错的问题  记住就完事了
const originalPush = VueRouter.prototype.push
VueRouter.prototype.push = function push(location) {
  return originalPush.call(this, location).catch(err => err)
}

const routes = [
  {  //用户刚登陆的时候，只有一个登陆页能够访问
    path:"/login",
    component:() => import(/*webpackChunkName:'login'*/ "../pages/Login/login.vue")
  },
  // {
  //   path:"/",
  //   component:Home,
  //   children:allRoutes
  // },
  // {
  //   path:"*",
  //   component: () => import(/*webpackChunkName:'page404'*/  "../pages/page404/index.vue")
  // }
]



const router = new VueRouter({
  routes
})

export default router

/**
 *  1.export与export default均可用于导出常量、函数、文件、模块等
    2.在一个文件或模块中，export、import可以有多个，export default仅有一个
    3.通过export方式导出，在导入时要加{ }，export default则不需要
    4. 
    (1) 输出单个值，使用export default
    (2) 输出多个值，使用export
    (3) export default与普通的export不要同时使用
*/
